<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
  <!-- 
     
    1 web 中  显示图片的方式 2 种
      1 img标签 默认 高度会跟随宽度变化而变化
        默认的宽度 等于 原图的宽度
        默认的高度 等于 原图的高度
        图片宽度改变了之后 高度会跟随宽度变化而变化
      2 div 背景图片 ( 要自己加好宽度和高度 )
        背景图片 background-Size: cover contain ;
        宽度和高度 不可能由图片背景撑开 
        要自己设置 
    2 微信小程序中的图片标签
      image mode="widthFix" aspectFit aspectFill 
      默认的宽度 = 320 * 240 
      当我们 加了一个渲染 模式   widthFix 图片的高度变成了跟随图片的宽度而等比例变化
         width:320px
      一般来说都需要自己重新定义一个宽度 
        一般 width:100%; 
    3 react-native 里面的图片标签 又是有点不一样的了!!! 
    
    
    
    
   -->
</body>
</html>